<!DOCTYPE html>
<html lang="zh">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="Keywords" content="{$system.base.keywords}" />
    <meta name="Description" content="{$system.base.description}" />
    <meta name="author" content="怪鸟" />
    <meta name="copyright" content="{$system.base.copyright}" />
    <title>{$system.base.title}</title>
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <link rel="stylesheet" href="__layui__/css/layui.css">
    <link rel="stylesheet" href="__css__/index/index/index.css">
    <link rel="stylesheet" href="__css__/index/index/phone.css">
    <link rel="stylesheet" href="__css__/index/common/media.css">
   <style>
    #logo{
        margin-right: 20px;
    }
   </style>
</head>

<body>
    <div class="header">
        <div class="top">
            <h1><a href="{:url('/index')}">{$system.base.title}</a></h1>
            <!-- <img src="{:config('system.base.logo')}" alt="{:config('system.base.title')}" id="logo"> -->
            <div class="phone-menu">
                <i class="layui-icon layui-icon-search" id="search-box"></i>
                <a href="{:url('/index/link/index')}"><i class="layui-icon layui-icon-link"></i></a>
            </div>
        </div>
        <!-- 移动端头部 起-->
        <div class="phonesearch-box">
            <div class="search-container">
                <input type="text" placeholder="请输入文章名称" id="phoneKeyVal">
                <button type="button" class="search-btn  layui-btn layui-btn-sm layui-bg-blue" onclick="search()" style="margin-bottom: 4px;">Search</button>
            </div>
        </div>
        <!-- 移动端头部 结束-->

        <div class="container">
            <div class="menu">
                <ul class="layui-nav">
                    <a href="{:url('/index')}">
                        <img src="{:config('system.base.logo')}" alt="{:config('system.base.title')}" id="logo">
                    </a>
                    <li class="layui-nav-item"><a href="{:url('/index/index/index')}">首页</a></li>
                    <li class="layui-nav-item"><a href="{:url('/index/category/index')}">文章分类</a></li>
                    <li class="layui-nav-item"><a href="{:url('/index/link/index')}">友情链接</a></li>

                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:;">
                            <img src="{$Request.session.user.headIcon|default='__IMG__/headIcon/default.jpeg'}"
                                class="layui-nav-img">
                        </a>
                        <dl class="layui-nav-child">
                            {if $Request.session.user eq null}
                            <dd><a href="{:url('/index/login/index')}">登录账号</a></dd>
                            <dd><a href="{:url('/index/register/index')}">注册账号</a></dd>
                            {else/}
                            <dd style="text-align: center;"><a href="{:url('/index/index/mine')}">我的中心</a></dd>
                            <dd style="text-align: center;"><a href="/index/login/logout">退出登录</a></dd>
                            {/if}
                        </dl>
                    </li>
                </ul>
                <div class="pcsearch-box">
                    <input type="text" placeholder="请输入文章名称" id="pcKeyVal">
                    <button class="btn search-btn layui-btn layui-bg-blue layui-btn-sm" style="margin-bottom: 5px;" type="button" class="search-btn" onclick="search()">Search</button>
                </div>
            </div>
           
        </div>
    </div>
    <!-- 移动端底部 起 -->
    <div class="phone-tab">
        <div class="layui-row layui-bg-">
            <div class="layui-col-xs4 home tab">
                <a href="{:url('/index/index/index')}" class="layui-font-blue layui-font-14 active">首页</a>
            </div>
            <div class="layui-col-xs4 category tab">
                <a href="{:url('/index/category/index')}" class="layui-font-14">分类</a>
            </div>
            <div class="layui-col-xs4 mine tab">
                <a href="{:url('/index/index/mine')}" class="layui-font-14">我的</a>
            </div>
        </div>    
    </div>
    <!-- 移动端底部 尾 -->
